<!DOCTYPE html>
<html lang="zh-CN" translate="no">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" href="/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>几木云</title>
  </head>
  <script>
    if (!globalThis) {
      var globalThis = window;
    }
    if (!!window.ActiveXObject || "ActiveXObject" in window) {
      window.location.href = "/html/ie.html";
    }
  </script>
  <style>
    .loading4 {
      overflow: hidden;
      width: 150px;
      text-align: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .loading4 > div {
      width: 18px;
      height: 18px;
      border-radius: 100%;
      display: inline-block;
      background-color: rgba(0, 143, 255, 1);
      -webkit-animation: three 1.4s infinite ease-in-out;
      animation: three 1.4s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .loading4 .three1 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }

    .loading4 .three2 {
      -webkit-animation-delay: -0.15s;
      animation-delay: -0.15s;
    }

    @-webkit-keyframes three {
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
      }

      40% {
        -webkit-transform: scale(1);
      }
    }

    @keyframes three {
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
      }

      40% {
        -webkit-transform: scale(1);
      }
    }
  </style>

  <body>
    <div id="app">
      <div class="loading4">
        <div class="three1"></div>
        <div class="three2"></div>
        <div class="three3"></div>
      </div>
    </div>
    <%- injectScript %>
  </body>
</html>
